@extends("User.Index.index")

@section("main")
    <script>
        $('document').ready(function(){
            $('#stop').click(function(){
                if(document.getElementById('videoid').paused){
                    document.getElementById('videoid').play();
                }
                else{
                    document.getElementById('videoid').pause();
                }
            });
            $('#button_close').click(function(){
                document.getElementById('videoid').pause();
            });
            $('#close').click(function(){
                document.getElementById('videoid').pause();
            });
        });
    </script>

    <div style="text-align:center;" >
        <div class="jumbotron">
            <font size="7" color="#00bfff">成都东软学院</font>
            <p>实验室申报材料</p>
            <button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#shenbaoshu">
                申报书
            </button>
            <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#shenbaoshipin">
                申报视频
            </button>
            {{--申报书--}}
            <div class="modal fade" id="shenbaoshu" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">申报书</h4>
                        </div>
                        <div class="modal-body">
                            <a href="/cailiao/123.doc" style="color: #1e90ff">点击下载申报书</a>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        </div>
                    </div>
                </div>
            </div>
            {{--视频--}}
            <div class="modal fade" id="shenbaoshipin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="button_close"><span aria-hidden="true">&times;</span></button>
                            <h4 class="modal-title" id="myModalLabel">申报视频</h4>
                        </div>
                        <div class="modal-body">
                            <video src="/cailiao/123.mp4" width="100%" controls="controls" id="videoid">
                                实验室申报视频
                            </video>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-info" id="stop">暂停/播放</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal" id="close">关闭</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop




@section("bottom")
    <div class="col-sm-12" style="background-color: #EBF4FA;border: 1px solid silver">
        <br>
        <div class="col-sm-2 col-sm-offset-1">
            <a href=""><img src="/cpts/images/logo1.png" width="100px" height="100px" alt=""></a>
        </div>
        <div class="col-sm-8">
            <center><p><font color="#696969">成都东软学院网络工程实验教学示范中心</font></p></center>
            <center><p><font color="#696969">地址：四川省 成都市 都江堰市 青城山镇东软大道1号 邮编：611844   蜀ICP备12011972号</font></p></center>
            <center><p><font color="#696969">友情链接：<a href="http://www.ccniit.com/" style="color: blue">成都东软学院</a></font></p></center>
        </div>



    </div>
    <a style="display: block;" href="#" id="toTop"><span style="opacity: 0;" id="toTopHover"></span>To Top</a>
@stop

